.UIPortlet {
	padding: 5px;
}

.UIPortlet .CONTROL-PORTLET {
}

.UIPortlet .CONTROL-PORTLET .Login {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/ToolIcons/Key.gif') no-repeat center;
}

.UIPortlet .CONTROL-PORTLET .DragControlArea {
  float: left;/* orientation=lt */
  float: right;/* orientation=rt */
  width: 24px; height: 15px;
  margin: 4px 0px 0px 5px;/* orientation=lt */
  margin: 4px 5px 0px 0px;/* orientation=rt */
  background: url('background/DragBg2x2.gif');
  cursor: move;
}

.UIPortlet .ViewPortletIcon {
  float: left;/* orientation=lt */
  float: right;/* orientation=rt */
  width: 16px; height: 16px; 
  margin: 3px 5px 0px 0px;/* orientation=lt */
  margin: 3px 0px 0px 5px;/* orientation=rt */
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueBoxLight.gif') no-repeat;
  cursor: pointer;
}

.UIPortlet .EditPortletPropertiesIcon {
	float: right;/* orientation=lt */
	float: left;/* orientation=rt */
	width: 22px; height: 16px;
	background: url('background/ContainerIcon.gif') no-repeat top;
  margin: 4px 3px 2px 0px;
}

.UIPortlet .DeletePortletIcon {
	float: right;/* orientation=lt */
	float: left;/* orientation=rt */
	width: 22px; height:16px; 
  background: url('background/ContainerIcon.gif') no-repeat bottom;
  margin: 4px 4px 2px 0px;/* orientation=lt */
  margin: 4px 0px 2px 4px;/* orientation=rt */
}

/*##############################- PortletLayoutDecorator  -################################*/
.PortletLayoutDecorator {
}

.PortletLayoutDecorator .TopLeft {
  background: url('background/PortletLayoutDecorator.gif') no-repeat left top;
  padding-left: 7px;
}

.PortletLayoutDecorator .TopMiddle {
  background: url('background/PortletLayoutDecorator.gif') repeat-x center -6px;
}

.PortletLayoutDecorator .TopRight {
  background: url('background/PortletLayoutDecorator.gif') no-repeat right top;
  padding-right: 7px;
}

.PortletLayoutDecorator .TopLeft .FixHeight {
	height: 6px;
}

.PortletLayoutDecorator .MiddleLeft {
  background: url('background/MiddlePortletLayout.gif') repeat-y left -22px;
  padding: 0px 0px 0px 7px;
}

.PortletLayoutDecorator .MiddleRight {
  background: url('background/MiddlePortletLayout.gif') repeat-y right -22px;
  padding-right: 7px;
}

.PortletLayoutDecorator .CenterBackground {
  background: white;
}

.PortletLayoutDecorator .GardientBackground {
  height: 64px;
  background: url('background/LayoutCBg1x56.gif') repeat-x bottom;
  padding: 6px;
}

.PortletLayoutDecorator .BottomLeft {
  background: url('background/PortletLayoutDecorator.gif') no-repeat left -12px;
  padding-left:7px;
}

.PortletLayoutDecorator .BottomMiddle {
  background: url('background/PortletLayoutDecorator.gif') repeat-x center -17px;
}

.PortletLayoutDecorator .BottomRight {
  background: url('background/PortletLayoutDecorator.gif') no-repeat right -12px;
  padding-right: 7px;
}

.PortletLayoutDecorator .BottomLeft .FixHeight {
	height: 5px;
}
/*############### End Decorator ###################################################*/

.UIContainer {
	padding: 3px;
}

.LAYOUT-CONTAINER .UIContainer {
  height: 100%;
	/*
	 fix bug dragdrop in IE6
	*/
}


.UIContainer .LAYOUT-CONTAINER {
  background: #f5f5f5;
 	border: solid 1px #38acf3;
  padding: 5px;
  margin: 0px 1px;
  min-height: 60px;
}

* html .UIContainer .LAYOUT-CONTAINER {
	height: 60px;
}

.UIContainer .UIInfoBar .BlueRoundedStyle {
  padding: 0px; margin: 0px;
  height: 22px;
}

.UIContainer .CONTROL-CONTAINER .DragControlArea {
  float: left; /* orientation=lt */
  float: right; /* orientation=rt */
  width: 24px; height: 15px; 
  background: url('background/DragBg2x2.gif');
  cursor: move;
  margin: 4px 0px 0px 5px;/* orientation=lt */
  margin: 4px 5px 0px 0px;/* orientation=rt */
}

.UIContainer .LAYOUT-CONTAINER  .UITableColumnContainer {
  background: none;
  border: none;
  margin: auto;
}

.UIContainer .EditContainerIcon {
	float: right;/* orientation=lt */
	float: left;/* orientation=rt */
	width: 22px; height: 16px;
	background: url('background/ContainerIcon.gif') no-repeat top;
  margin: 4px 2px 2px 0px;/* orientation=lt */
  margin: 4px 0px 2px 2px;/* orientation=rt */
}

.UIContainer .DeleteContainerIcon {
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	width: 22px; height:16px; 
  background: url('background/ContainerIcon.gif') no-repeat bottom;
  margin: 4px 4px 2px 0px; /* orientation=lt */
  margin: 4px 0px 2px 4px; /* orientation=rt */
}

.UIContainer .ContainerIcon {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
  width: 18px; height: 16px;
  margin: 4px 0px 0px 5px; /* orientation=lt */
  margin: 4px 5px 0px 0px; /* orientation=rt */
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DefaultContainerIcon.gif') no-repeat;
}

.UIPortal .LAYOUT-PORTAL {
  background: url('background/PortalBackground4x4.gif');
  padding: 8px;
  _padding: 8px 0px; /* orientation=rt */
  margin: auto;
  _margin: 0px; /* orientation=rt */
  _width: 99%; /* orientation=rt */
}

.DragAndDropPreview {
  width: auto; height: 80px;
	background: url('background/DragAndDropPreview4x4.gif');
  border: 1px solid #c4c4c4;
  margin: 0px 12px 10px 12px;
}

